/* 公用样式表: 主要用于放置所有页面都需要的样式  ---CSS组件 */
/* 版心: 作用固定宽度,并且水平居中 */
.wrapper{
    width: 1200px;
    margin:0 auto;
}

/* 设置浮动 */
.fl{
    float:left;
}
.fr{
    float:right;
}
/* 清除浮动 */
.clear{
    clear: both;
}

.clearfix:after{
    content:'';
    display:block;
    height:0;
    clear: both;
    /* zoom针对ie6处理 */
    zoom:1;
}
/* 字体颜色 */
.cf60{
    color:#f60;
}
.ce6{
    color: #e6e6e6;
}
.cbf{
    color:#bfbfbf;
}
.c3{
    color:#333;
}
.cf42{
    color: #f4290d;
}
.td{
    text-decoration: line-through;
}

/* 背景颜色 */
.bgc10{
    background-color: #101010;
}
.bgcf3{
    background-color: #f3f3f3; 
}

/* 设置定位 */
.rel{
    position: relative;
}
.abs{
    position: absolute;
}

/* 文字缩进 */
.ti210{
    text-indent: 210px;
}
.ti5{
    text-indent: 5px;
}
.ti15{
    text-indent: 15px;
}

/* 字体大小 */
.font12{
    font-size: 12px;
}
.font14{
    font-size: 14px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.font20{
    font-size: 20px;
}
.font24{
    font-size: 24px;
}
/* 文本效果 */
.tcenter{
    text-align: center;
}

/* margin */
.mr35{
   margin-right:35px; 
}

/* padding */
.ptb420{
    padding:4px 0 20px;
}
.pl8{
    padding-left:8px;
}

/* 字体粗细 */
.fnormal{
    font-weight: normal;
}
.title{
    color: #333;
    font-size: 28px;
    font-weight: normal;
    line-height: 36px;
    border-bottom: 6px solid #f60;
}

/* 搜索框 */
.search{
    border: 2px solid #ff6600;
    width: 436px;
    height: 32px;
    margin-left: 515px;
}

.search input:first-child{
    width: 388px;
    height: 32px;
    border: none;
    outline: none;
}

.search input:last-child{
    width: 48px;
    height: 32px;
    background-image: url(../imgs/01_header/bgicon.png);
    background-position: 0 -4px;
    background-repeat: no-repeat;
    border: none;
    outline: none;  
}

/* 服装区 */
.common_title .active{
    color: #fff;
    background-color: #f60;
}

.common_title{
    border-bottom: 6px solid #ff6600;
    /* height: 34px; */
}
.common_title h1{
    font-weight: normal;
    font-size: 28px;
    color: #333;
    line-height: 33px;
    height: 33px;
}
.common_title ul li{
    float: left;
    color: #333;
    font-size: 18px;
    line-height: 34px;
    width: 98px;
    text-align: center;
}
/* 内容部分 */
/* 内容左 */
.common_body .cc_left{
    width: 238px;
}
.common_body .cc_left img{
    height: 348px;
    width: 237px;
}
.common_body .cc_left ul li{
    float: left;
    font-size: 14px;
    color: #333;
    width: 79px;
    line-height: 38px;
}

/* 内容中 */
.common_body .cc_center{
    width: 430px;
    box-sizing: border-box;
}
.common_body .cc_center div{
    border-left: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.common_body .cc_center img{
    border-left: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

/* 内容右 */
.common_body .cc_right ul li{
    width: 177px;
    float: left;
    box-sizing: border-box;
    border-left: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    box-sizing: border-box;
}
.common_body .cc_right ul:first-child li img{
    width: 171px;
    height: 334px;
}
.common_body .cc_right ul:last-child li img{
    width: 171px;
    height: 156px;
}
.common_body .cc_right ul li:last-child{
    border-right: 2px solid #ccc;
}

/* 内容下 */
.common_bottom img{
    height: 63px;
    width: 129px;
}

/* 将三个区域都隐藏 */
.common_body{
    display: none;
}
/* 将当前区域 显示 */
.on{
    display: block;
}
